html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #ffffff;
}

.tcWarn {
    color: #b20000;
}

.tcWarn1 {
    color: #e04500;
}

.tcWarn2 {
    color: #e1f162;
}

.ub {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    position: relative;
}

.ub-ver {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -o-box-orient: vertical;
    box-orient: vertical;
}

.ub-ac {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;
}

.ub-ae {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -o-box-align: end;
    box-align: end;
}

.ub-pc {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -o-box-pack: center;
    box-pack: center;
}

.ub-pe {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -o-box-pack: end;
    box-pack: end;
}

.ub-f {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}

.uf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.uf-ver {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.uf-ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.uf-ae {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.uf-pc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.uf-pe {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.uf-pj {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uf-pja {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.uf-f {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

#header {
    height: 3rem;
    line-height: 3rem;
    /*background-color: #ffffff;*/
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    overflow: hidden;
    border-bottom: 1px solid #F0F0F0;
}

#header .main {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(#c30101, #b30000);
    background: -o-linear-gradient(#c30101, #b30000);
    background: -moz-linear-gradient(#c30101, #b30000);
    background: linear-gradient(#c30101, #b30000);
}

#header .logo {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
}

#header .logo img {
    width: 9.3125rem;
    height: 2.25rem;
}

#header .center {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
}

#header .center.bgc {
    background-color: #e7e7e7;
}

#header .center .navLeft, #header .center .navRight {
    width: 4rem;
}

#header .center .navLeft {
    background: url("../img/icon-backB.png") no-repeat 1.25rem;
    -webkit-background-size: .8rem;
    background-size: .8rem;
}

#header .center #title {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: #b20000;
}

.Btn {
    cursor: pointer;
}

#content {
    overflow-y: auto;
}

#content.bgc {
    background-color: #eeeeee;
}

#footer {
    height: 3rem;
    text-align: center;
    line-height: 1rem;
    font-size: .875rem;
    background-color: #f9f9f9;
    border-top: 1px solid #cccccc;
    overflow: hidden;
    padding-bottom: .2rem;
}

#footer a {
    text-decoration: none;
    color: #666666;
    cursor: pointer;
}

#footer a.active {
    color: #b20000;
}

#footer a .footIcon {
    width: 1.65rem;
    height: 1.5rem;
    margin: .25rem auto .15rem auto;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#footer a:nth-child(1) .footIcon {
    background-image: url("../img/footer-menu.png");
}

#footer a:nth-child(1).active .footIcon {
    background-image: url("../img/footer-menu-act.png");
}

#footer a:nth-child(1):after {
    content: '菜单';
}

#footer a:nth-child(2) .footIcon {
    background-image: url("../img/footer-msg.png");
}

#footer a:nth-child(2).active .footIcon {
    background-image: url("../img/footer-msg-act.png");
}

#footer a:nth-child(2):after {
    content: '消息';
}

#footer a.login .footIcon {
    background-image: url("../img/footer-user.png");
}

#footer a.login.active .footIcon {
    background-image: url("../img/footer-user-act.png");
}

#footer a.login:after {
    content: '个人中心';
}

#footer a.unLogin .footIcon {
    background-image: url("../img/footer-unUser.png");
}

#footer a.unLogin:after {
    content: '未登录';
    color: #666666;
}

/*index.html*/
.aLinkLi {
    height: 8.2rem;
}

.aLinkLi a {
    text-decoration: none;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.aLinkLi a:first-child {
    background: -webkit-linear-gradient(left, transparent, #cccccc);
    background: -o-linear-gradient(right, transparent, #cccccc);
    background: -moz-linear-gradient(right, transparent, #cccccc);
    background: linear-gradient(to right, transparent, #cccccc);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.aLinkLi a:last-child {
    background: -webkit-linear-gradient(right, transparent, #cccccc);
    background: -o-linear-gradient(left, transparent, #cccccc);
    background: -moz-linear-gradient(left, transparent, #cccccc);
    background: linear-gradient(to left, transparent, #cccccc);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.aLinkLi:last-child a {
    background: none;
}

.aLinkLi .line {
    width: 1px;
    background-color: #cccccc;
}

.aLinkLi:first-child .line {
    width: 1px;
    background: -webkit-linear-gradient(transparent, #cccccc);
    background: -o-linear-gradient(transparent, #cccccc);
    background: -moz-linear-gradient(transparent, #cccccc);
    background: linear-gradient(transparent, #cccccc);
}

.aLinkLi:last-child .line {
    width: 1px;
    background: -webkit-linear-gradient(#cccccc, transparent);
    background: -o-linear-gradient(#cccccc, transparent);
    background: -moz-linear-gradient(#cccccc, transparent);
    background: linear-gradient(#cccccc, transparent);
}

.aLinkLi a .icon {
    width: 4rem;
    height: 3.2rem;
    margin: 1.25rem auto .5rem auto;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.aLinkLi a .icon.link-stock {
    background-image: url("../img/link-stock.png");
}

.aLinkLi a .icon.link-strategy {
    background-image: url("../img/link-strategy.png");
}

.aLinkLi a .icon.link-order {
    background-image: url("../img/link-order.png");
}

.aLinkLi a .icon.link-VIP {
    background-image: url("../img/link-VIP.png");
}

.aLinkLi a .icon.link-TV {
    background-image: url("../img/link-TV.png");
}

.aLinkLi a .icon.link-news {
    background-image: url("../img/link-news.png");
}

.aLinkLi a .icon.link-teacher {
    background-image: url("../img/link-teacher.png");
}

.aLinkLi a .icon.link-server {
    background-image: url("../img/link-server.png");
}

/*chatLi.html*/
.chatLine {
    height: 5.5rem;
    border-bottom: 1px solid #f0f0f0;
    padding-right: .4rem;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

.chatLine .ub-f {
    overflow: hidden;
}

.chatLine .Pic {
    border-radius: 50%;
    border: 1px solid #cccccc;
    width: 4rem;
    height: 4rem;
    margin: 0 .6rem;
}

.chatLine .Pic img {
    width: 100%;
    height: 100%;
}

.chatLine .chatInfo {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: .8rem;
}

.chatLine .chatInfo span {
    white-space: nowrap;
    font-size: .825rem;
    color: #aaaaaa;
}

.chatLine .span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .825rem;
    color: #aaaaaa;
}

/*myCenter.html*/
.welLine {
    height: 6rem;
    border-bottom: 1px solid #cccccc;
    padding: 0 .8rem;
    text-decoration: none;
    color: #000000;
    border-bottom: .4rem solid #f0f0f0;
}

.welLine .ub-f {
    overflow: hidden;
}

.welLine .Pic {
    border-radius: 50%;
    border: 2px solid #cccccc;
    width: 4.35rem;
    height: 4.35rem;
    margin-right: .6rem;
}

.welLine .Pic img {
    width: 100%;
    height: 100%;
}

.welLine .userInfo {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: .6rem;
}

.welLine .welInfo {
    overflow: hidden;
    font-size: .825rem;
}

.welLine .welInfo .renew {
    display: inline-block;
    background-color: #e04500;
    text-decoration: none;
    color: #FFFFFF;
    padding: .2rem .4rem;
    margin: .2rem 0 0 0;
    border-radius: 4px;
    cursor: pointer;
}

.linkLis {

}

.linkLis a {
    padding: 0 .8rem;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    height: 5rem;
    border-bottom: 1px solid #f0f0f0;
}

.linkLis a .arrowRight {
    width: .7rem;
    height: 1.05rem;
    background: url("../img/arrow-right.png") no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
}

.linkLis a .icon {
    width: 2.25rem;
    height: 2.5rem;
    margin-right: .6rem;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.linkLis a:nth-child(1) .icon {
    background-image: url("../img/lis-payRecords.png");
}

.linkLis a:nth-child(2) .icon {
    background-image: url("../img/lis-order.png");
}

.linkLis a:nth-child(3) .icon {
    background-image: url("../img/lis-VIP.png");
}

.linkLis a:nth-child(4) .icon {
    background-image: url("../img/lis-modifyPwd.png");
}

.linkLis a:nth-child(5) .icon {
    background-image: url("../img/lis-exit.png");
}

/*login.html & pwdModify.html*/
.bg-login {
    background: url("../img/bg-login.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-pwd {
    background: url("../img/bg-modifyPwd.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.reBack {
    width: 6rem;
    height: 3rem;
    background: url("../img/icon-back.png") no-repeat 1.25rem;
    -webkit-background-size: .8rem;
    background-size: .8rem;
    cursor: pointer;
}

.sloganLogo {
    margin: .2rem 2rem .8rem 2rem;
    height: 8rem;
    background: url("../img/sloganLogoMerge.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

.bigTitle {
    margin: .2rem 2rem 1.25rem 2rem;
    text-align: center;
    font-size: 2.75rem;
    color: #ffffff;
}

.inputGroup {
    background-color: #ffffff;
    margin: 0 2rem;
    border-radius: .2rem;
}

.inputGroup .inputLi {
    border-bottom: 1px solid #cccccc;
    height: 4rem;
    padding: 0 .6rem;

}

.inputGroup .inputLi:last-child {
    border-bottom: none;

}

.inputGroup .inputLi .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .6rem;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.inputGroup .inputLi .icon.user {
    background-image: url("../img/input-user.png");
}

.inputGroup .inputLi .icon.pwd {
    background-image: url("../img/input-pwd.png");
}

.inputGroup .inputLi .icon.safe {
    background-image: url("../img/input-safe.png");
}

.UInput {
}

.UInput input {
    margin: 0;
    border: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    line-height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4rem 0;
    background: #ffffff;
    text-decoration: none;
    outline: none;
}

.forgetPwd {
    padding: .6rem 2rem;
}

.forgetPwd a {
    cursor: pointer;
    text-decoration: none;
    color: #d5d5d5;
    font-size: .925rem;
}

#getCode {
    border-left: 1px solid #F0F0F0;
    width: 6rem;
    margin-left: .4rem;
    text-align: center;
}

#getCode span {
    text-decoration: underline;
    cursor: pointer;
    padding: .6rem 0;
}

.bigBtn {
    margin: 1.5rem 2rem .4rem 2rem;
    background-color: #ffffff;
    border-radius: .2rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
}

/*newsLi.html*/
.newsLine {
    border-bottom: 1px solid #f0f0f0;
    margin: 0 .6rem;
    padding: .6rem 0;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

.newsLine .newsImg {
    width: 6rem;
    height: 4.8rem;
    margin-left: .4rem;
    border: 1px solid #F0F0F0;
}

.newsLine .newsImg img {
    width: 100%;
    height: 100%;
}

.newsLine .newsTitle {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 2.75rem;
}

.newsLine .newsInfo {
    position: relative;
    margin-top: .4rem;
    font-size: .675rem;
    color: #999999;
    overflow: hidden;
    max-height: 2rem;
}

.newsLine .newsInfo .newsRes {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.newsLine .newsInfo .newsTime {
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*newsDetail.html*/
.newsDetail {
    padding: .6rem;
}

.newsDetail .title {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    text-align: center;
}

.newsDetail .info {
    position: relative;
    padding: .4rem 0 .8rem 0;
    font-size: .725rem;
    color: #999999;
}

.newsDetail .newsRes {
    float: left;
}

.newsDetail .newsTime {
    float: right;
    white-space: normal;
    word-break: keep-all;
}

.newsDetail .newsTxt {
    padding: .6rem 0;
    margin: 0;
    text-indent: 2rem;
}

/*stockPool.html & operateStrategy.html*/
.orgInfo {
    text-align: center;
    color: #eaeaea;
    font-size: .785rem;
    padding: 4rem 0 2rem 0;
}

.table-1 {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: 0 solid #F0F0F0;
    margin-bottom: 1.5rem;
}

.table-1 td {
    padding: .8rem .4rem;
    border-color: #F0F0F0;
}

.table-1 tr td:first-child {
    font-weight: 600;
    min-width: 6.35rem;
}

.strategyTxt {
    font-weight: normal;
    margin: 0;
    padding: .6rem 0;
}

/*myOrder.html*/
.serverInfo {
    line-height: 1.25rem;
}

.serverInfo .serverPic {
    width: 4.5rem;
    height: 4.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e04500;
    margin-right: .6rem;
}

.serverInfo .serverPic img {
    width: 100%;
    height: 100%;
}

.serverInfo .connect {
    display: block;
    white-space: nowrap;
    margin-top: .6rem;
    cursor: pointer;
    text-decoration: none;
    background: -webkit-linear-gradient(#d23200, #e64615);
    background: -o-linear-gradient(#d23200, #e64615);
    background: -moz-linear-gradient(#d23200, #e64615);
    background: linear-gradient(#d23200, #e64615);
    color: #ffffff;
    font-size: .875rem;
    padding: .2rem .6rem;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
}

/*payRecords.html*/
.table-2 {
    width: 92%;
    margin: 1rem auto .2rem auto;
    border-collapse: collapse;
    border: 1px solid #e9e9e9;
}

.table-2 tr:first-child {
    border-bottom: 1px dashed #d7d7d7;
}

.table-2 td {
    padding: .8rem .4rem;
}

.table-2 tr td:first-child {
    font-weight: 600;
    width: 5rem;
}

.payTime {
    color: #666666;
    text-align: right;
}

/*VIP.html*/
.VIPli {
    height: 5rem;
    width: 90%;
    margin: 1rem auto .2rem auto;
    border: 1px solid #cccccc;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: #fafafa;
    font-weight: 600;
}

.VIPli .info {
}

.VIPli .price {
    padding-left: .8rem;
    color: #e04500;
}

.VIPli .status {
    width: 5rem;
    height: 100%;
    border-left: 1px solid #cccccc;
    text-decoration: none;
    color: #000000;
    background: -webkit-linear-gradient(#f7f7f7, #d4d4d4);
    background: -o-linear-gradient(#f7f7f7, #d4d4d4);
    background: -moz-linear-gradient(#f7f7f7, #d4d4d4);
    background: linear-gradient(#f7f7f7, #d4d4d4);
    cursor: pointer;
}

.VIPli.opened {
    color: #b9b9b9;
}

.VIPli.opened .price {
    color: #b9b9b9;
}

.VIPli.opened .status {
    pointer-events: none;
    color: #b9b9b9;
}

/*charDetail.html*/
.chatTime {
    text-align: center;
    padding: .6rem 0;
}

.chatTime span {
    padding: .2rem .6rem;
    white-space: nowrap;
    font-size: .725rem;
    color: #ffffff;
    background-color: #d5d5d5;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}

.chat {
    margin-top: .6rem;
    margin-bottom: .8rem;
}

.chat.chatLeft {
}

.chat.chatRight {
}

.chat .chatImg {
    width: 4rem;
    height: 4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .6rem;
}

.chat .chatImg img {
    width: 100%;
    height: 100%;
}

.chat .chatTxt {
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    padding-top: .2rem;
}

.chat.chatLeft .chatTxt {
    margin-left: .6rem;
    margin-right: 1.5rem;

}

.chat.chatRight .chatTxt {
    margin-left: 1.5rem;
    margin-right: .6rem;
}

.chat .chatTxt span {
    display: inline-block;
    font-size: .925rem;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    padding: .6rem;
    min-width: 1.2rem;
    min-height: 1.35rem;
    background-color: #ffffff;
    word-wrap: break-word;
    word-break: break-all;
}

.chat.chatRight .chatTxt span {
    background-color: #2485c2;
    color: #ffffff;
}

.chat .chatAngle {
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    top: .7rem;
    border: solid .8rem;

}

.chat.chatLeft .chatAngle {
    left: -1.35rem; /* 圆角的位置需要细心调试哦 */
    border-color: transparent #ffffff transparent transparent;
}

.chat.chatRight .chatAngle {
    right: -1.35rem; /* 圆角的位置需要细心调试哦 */
    border-color: transparent transparent transparent #2485c2;
}

#chatFooter {
    /*height: 3rem;*/
    background-color: #f9f9f9;
    border-top: 1px solid #cccccc;
    overflow: hidden;
    padding: .5rem 0 .6rem 0;
}

.chatFooter {
    width: 100%;
    height: 100%;
}

.chatFooter .inputArea {
    border: 1px solid #dbdbdb;
    /*height: 1.6rem;*/
    min-height: 1.5rem;
    max-height: 3.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 .6rem;
    border-radius: 2rem;
    background-color: #ffffff;
    padding: .4rem 1rem;
}

.chatFooter .chatIcon {
    width: 2rem;
    height: 2rem;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: .6rem;
}

.chatFooter .chatIcon.send {
    background-image: url("../img/chat-send.png");

}

.chatFooter .chatIcon.emoSend {
    background-image: url("../img/chat-emo.png");
}

/*liveRoom.html*/
.chat.chatLive {
    font-size: .925rem;
}

.chat.chatLive .chatImg {
    width: 3.35rem;
    height: 3.35rem;
}

.chat.chatLive .liveName {
    color: #b20000;
    margin-right: .6rem;
}

.chat.chatLive .liveTime {
    color: #999999;
    white-space: nowrap;
}

.chat.chatLive .chatTxt {
    margin-right: 1rem;
}

.chat.chatLive .chatTxt span {
    display: inline-block;
    padding: .2rem 0 0 0;
    min-width: 1.2rem;
    min-height: 1.35rem;
}

.marquee {
    display: block;
    color: #ffffff;
    padding: .1rem .4rem;
    font-size: .875rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background: -webkit-linear-gradient(left, #6384a4, #003163);
    background: -o-linear-gradient(right, #6384a4, #003163);
    background: -moz-linear-gradient(right, #6384a4, #003163);
    background: linear-gradient(to right, #6384a4, #003163);
    cursor: pointer;
}

.liveNews {
    font-size: .975rem;
    text-align: center;
    padding: .4rem .4rem;
    background: -webkit-linear-gradient(left, transparent, #cccccc, transparent);
    background: -o-linear-gradient(right, transparent, #cccccc, transparent);
    background: -moz-linear-gradient(right, transparent, #cccccc, transparent);
    background: linear-gradient(to right, transparent, #cccccc, transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

#video {
    width: 100%;
    max-height: 20rem;
}

.msgCard {
    display: block;
    background-color: #ffffff;
    margin-bottom: .6rem;
    padding: .4rem .6rem;
    color: #000000;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}

.msgCard .time {
    white-space: nowrap;
}

.msgCard .text {
    margin-top: .2rem;
    color: #9b9b9b;
    font-size: .925rem;
    text-indent: 1.85rem;
    word-break: break-all;
}

.stockCard {
    margin-top: .4rem;
    margin-bottom: .8rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}

.stockCard a {
    padding: .4rem .6rem;
    display: block;
    color: #898989;
    text-decoration: none;
}

.stockCard .icon {
    width: 2.35rem;
    height: 3rem;
    margin-right: .6rem;
    background: url("../img/stockCardIcon.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

.stockCard .info {
    line-height: 1.35rem;
}

.stockCard .name {
    color: #e04500;
}

.stockCard .link {
    color: #e80505;
}

.stockCard .arrowRight {
    margin-left: .6rem;
    width: .6rem;
    height: 1.05rem;
    background: url("../img/arrow-right.png") no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
}

.stockCard .main {
    padding-top: .4rem;
}

.stockCard .mainInfo {
    color: #898989;
    font-size: .925rem;
    line-height: 1.5rem;
    text-align: center;
}

.stockCard .mainInfo span {
    color: #000000;
    font-size: 1rem;
    font-weight: bold;
}

.stockCard .detailInfo {
    display: none;
    padding: .4rem .6rem;
    color: #898989;
    line-height: 1.75rem;
}

.stockCard .detailInfo .infoBox {
    padding: .6rem 0 .4rem 0;
    border-top: 1px solid #F0F0F0;
}

.stockCard .detailInfo span {
    color: #e04500;
}

.stockCard .arrow {
    background-color: #f9f9f9;
    cursor: pointer;
    color: #898989;
    font-size: .925rem;
}

.stockCard .arrow .iconArrow {
    width: 1.125rem;
    height: .5rem;
    padding: .8rem 0;
    background: url("../img/arrowDown.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: .4rem;
}

.stockCard .arrow:before {
    content: '展开';
}

.stockCard .arrow.show .iconArrow {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.stockCard .arrow.show:before {
    content: '收起';
}

.selector {
    border: none;
    outline: none;
    font-size: .925rem;
    line-height: 1rem;
    background-color: transparent;
}

#tab {
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
}

#tab .tabIndex {
    height: 3rem;
    /*border-bottom: 1px solid #F0F0F0;*/
    cursor: pointer;
}

#tab .tabIndex.active {
    height: 3rem;
    border-bottom: 2px solid #e80505;
    cursor: default;
}

#tabContent {
}

#tabContent .tabArea {
    display: none;
}

#tabContent .tabArea.active {
    display: block;
}

.strategyCard {
    background-color: #ffffff;
    padding: .4rem .6rem;
    margin-top: .4rem;
    margin-bottom: .6rem;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #898989;
}

.strategyCard .time {
    height: 1.85rem;
    white-space: nowrap;
    border-bottom: 1px solid #F0F0F0;
}

.strategyCard:first-child .time {
    color: #e80505;
}

.strategyCard .time .icon {
    width: 1.15rem;
    height: 1.15rem;
    margin-right: .4rem;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/timeIconL.png");
}

.strategyCard:first-child .time .icon {
    background-image: url("../img/timeIconH.png");
}

.strategyCard .infoBox {
    border-bottom: 1px solid #F0F0F0;
    padding: .2rem 0;
}

.strategyCard .text {
    line-height: 1.5rem;
    padding-top: .4rem;
    word-break: break-all;
}

.strategyCard .line {
    padding: .2rem;
}

.strategyCard .title {
    min-width: 5rem;
    /*text-align: right;*/
    color: #e04500;
}

.stockName {
    height: 2.85rem;
    border-bottom: 1px solid #F0F0F0;
    padding: 0 .4rem;
}

.stockName .icon {
    width: 1.55rem;
    height: 1.55rem;
    margin-right: .4rem;
    background: url("../img/strategyIcon.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

.logCard {
    border: 1px solid #F0F0F0;
    border-radius: .2rem;
    margin: .4rem;
    padding: .4rem;
    line-height: 1.5rem;
}

.logCard .line {
    padding: .2rem;
}

.logCard .title {
    color: #e04500;
}